<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>分区元素</title>
    </head>
    <body>
        <!--块级分区元素 默认宽度为父级宽度的100% 高度为0靠内容撑起来-->
        我是文字
        <div style="background-color: pink">我是文字</div>
        我是文字
        <hr>

        <!--行内分区元素 不会换行，用来选中一行中的一部分-->
        今天是<span style="color: blueviolet">星期二</span>，天气晴朗，风速3级
        <hr>

        <div class="header">头部</div>
        <div class="nav">导航</div>
        <div class="main">主体内容</div>
        <div class="aside">侧边栏</div>
        <div class="footer">页脚</div>
        <hr>
    <!--h5新增的一些带有语义的标签-->
        <header>头部</header>
        <nav>导航</nav>
        <aside>侧边栏</aside>
        <main>主体内容</main>
        <section>区域</section>
        <article>文章</article>
        <footer>页脚</footer>
        <hr>




    </body>
</html>